<template>
  <PageWrapper title="旋转校验示例">
    <div class="flex justify-center p-4 items-center bg-gray-700">
      <RotateDragVerify :src="img" ref="el" @success="handleSuccess" />
    </div>
  </PageWrapper>
</template>
<script lang="ts" setup>
  import { RotateDragVerify } from '@mxpio/components/src/Verify';

  // import img from '@/assets/images/header.jpg';

  import { PageWrapper } from '@mxpio/components/src/Page';
  import setting from '@mxpio/settings';

  // const { header } = setting.getAssetsSetting();
  const { assetsSetting } = setting.getSetting();
  const img = assetsSetting.header;
  function handleSuccess() {
    console.log('success!');
  }
</script>
